<template>
  <div class="home">
      <TodoHeader></TodoHeader>
        <TodoList :arr="doing" ></TodoList>
        <TodoList :arr="done"></TodoList>
  </div>
</template>

<script>
import TodoHeader from "../components/TodoHeader.vue"
import TodoList from "../components/TodoList.vue"
export default {

  name: "Home",
  data() {
    return{
    
    }
  },
  components: {
    TodoHeader,
    TodoList,

  },
   computed: {
  doing () {
    return this.$store.getters.doing
  },
  done(){
      return this.$store.getters.done
  }
}
 
//     computed: {
//   doing () {
//     return this.$store.state.list.filter(ischecked =>!ischecked)
//   },
//   done(){
//       return this.$store.state.list.filter(ischecked =>!ischecked)
//   }
// }
};
</script>
